.bh-col{ float: left; box-sizing: border-box;}
.bh-col-24{ width: 100%;}
.bh-col-12{ width: 50%;}
.bh-col-8{ width: 33.3333%;}
.bh-col-6{ width: 25%;}
.bh-col-4{ width: 16.6666%;}
.bh-col-3{ width: 12.5%;}
.bh-col-2{ width: 8.3333%;}
.bh-col-1{ width: 4.1666%;}

/*偏移-左*/
.bh-col-offset-24{ margin-left: 100%;}
.bh-col-offset-12{ margin-left: 50%;}
.bh-col-offset-8{ margin-left: 33.3333%;}
.bh-col-offset-6{ margin-left: 25%;}
.bh-col-offset-4{ margin-left: 16.6666%;}
.bh-col-offset-3{ margin-left: 12.5%;}
.bh-col-offset-2{ margin-left: 8.3333%;}
.bh-col-offset-1{ margin-left: 4.1666%;}

/*偏移-右*/
.bh-col-push-24{ position: relative; left: 100%;}
.bh-col-push-12{ position: relative; left: 50%;}
.bh-col-push-8{ position: relative; left: 33.3333%;}
.bh-col-push-6{ position: relative; left: 25%;}
.bh-col-push-4{ position: relative; left: 16.6666%;}
.bh-col-push-3{ position: relative; left: 12.5%;}
.bh-col-push-2{ position: relative; left: 8.3333%;}
.bh-col-push-1{ position: relative; left: 4.1666%;}

/*偏移-左*/
.bh-col-pull-24{ position: relative; right: 100%;}
.bh-col-pull-12{ position: relative; right: 50%;}
.bh-col-pull-8{ position: relative; right: 33.3333%;}
.bh-col-pull-6{ position: relative; right: 25%;}
.bh-col-pull-4{ position: relative; right: 16.6666%;}
.bh-col-pull-3{ position: relative; right: 12.5%;}
.bh-col-pull-2{ position: relative; right: 8.3333%;}
.bh-col-pull-1{ position: relative; right: 4.1666%;}